.fenlei {
    height: 100%;
    width: 1100px;

    #charts {
        height: 500px;
        color: orange;
        margin-bottom: 20px;

        canvas {
            border-radius: 30px;
        }
    }

    .qushi {
        height: 500px;
        margin-bottom: 20px;
        background-color: white;
        border-radius: 30px;

        .top {
            display: flex;
            padding: 10px;
            text-align: center;
            align-items: center;

            h3,
            h4,
            .ant-space-item {
                padding: 15px;
            }

            .ant-tabs-top>.ant-tabs-nav::before {
                border-bottom: 0;
            }

            .ant-tabs {
                margin-top: 15px;

                .ant-tabs-ink-bar.ant-tabs-ink-bar-animated {
                    background-color: white;
                }
            }


        }

        .ant-segmented {
            margin-left: 30px;
            background-color: white;

            .ant-segmented-item-label {
                padding: 2px 20px;
            }

            .ant-segmented-item.ant-segmented-item-selected {
                background-color: blue;
                color: white;
            }
        }


        #qushi {
            height: 335px;

            canvas {
                border-radius: 30px;
            }
        }
    }

    .ant-table-wrapper {
        height: 100%;

        .ant-table-thead>tr>th {
            text-align: center;
        }

        .ant-table-tbody>tr>td {
            padding: 10px 10px;
            text-align: center;

            img {
                width: 100%;
            }
        }

        .ant-table-tbody {
            .ant-table-row {
                td:nth-child(1) {
                    color: blue;
                }
            }
        }

    }

    .ant-pagination {
        opacity: 0;
    }
}